<script setup lang="ts">
import {inject, provide, ref} from "vue";
    import Child from "@/components/Child.vue";
import Child2 from "@/components/Child2.vue";
    const num = ref(100);
    provide("suibian",num);
</script>

<template>
    <h3>App|{{num}}</h3>
    <button>{{inject("age")}}</button>
    <hr/>
    <Child/>
    <hr/>
    <Child2/>
</template>

<style scoped>

</style>